diff options
Diffstat (limited to 'src/routes/(app)/funds/[id]/+page.svelte')
| -rw-r--r-- | src/routes/(app)/funds/[id]/+page.svelte | 138 |
1 files changed, 0 insertions, 138 deletions
diff --git a/src/routes/(app)/funds/[id]/+page.svelte b/src/routes/(app)/funds/[id]/+page.svelte deleted file mode 100644 index d2d3079c..00000000 --- a/src/routes/(app)/funds/[id]/+page.svelte +++ /dev/null @@ -1,138 +0,0 @@ -<script> - import { format } from 'date-fns'; - import { enhance } from '$app/forms'; - import { page } from '$app/stores'; - import { Avatar, Icon } from '$comp'; - import { toast } from '@zerodevx/svelte-toast'; - import { t } from '$lib/translations'; - import { types, copy, f, s, sat, sats } from '$lib/utils'; - import { loginRedirect } from '$lib/store'; - - export let data; - - let { amount, src, payments, rates, user } = data; - let { id } = $page.params; - - toast.pop(0); - - let currency = user ? user.currency : 'CAD'; - let rate = rates[currency]; - - $: amountFiat = parseFloat(((amount * rate) / sats).toFixed(2)); - $loginRedirect = $page.url.pathname; - - let show; - let toggle = () => (show = !show); -</script> - -<div class="container px-4 max-w-4xl mx-auto mt-10 space-y-5"> - <div class="flex justify-center items-center"> - <div class="md:shadow-xl rounded-3xl md:px-10 pt-5 pb-10 space-y-5 w-full md:mx-5"> - <div class="relative flex justify-center gap-2"> - <!-- <p class="absolute right-0 top-1 underline"><Icon icon="settings" /></p> --> - {#if id.split('-').length === 4} - <h1 class="text-2xl md:text-3xl font-semibold my-auto">Card {id}</h1> - {:else} - <img src="/images/moneypot.jpg" class="w-24" alt="Fund" /> - <div class="my-auto"> - <h1 class="text-2xl font-semibold my-auto">{$t('payments.fund')}</h1> - <h1 class="text-secondary my-auto">{id}</h1> - </div> - {/if} - </div> - {#if show} - <img {src} class="mx-auto" alt={id} /> - {/if} - <div class="flex justify-center gap-4"> - <div class="my-auto"> - <h2 class="text-2xl md:text-3xl font-semibold"> - {f(amountFiat, currency)} - </h2> - <h3 class="text-secondary md:text-lg mt-1"> - {sat(amount)} - </h3> - </div> - </div> - <div class="flex gap-2" data-sveltekit-prefetch="off"> - <div class="grow"> - <a href={`/send/fund/${id}`}> - <button - class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" - > - <Icon icon="plus" /> - {$t('payments.addFunds')} - </button> - </a> - </div> - <div class="grow"> - <a href={`/fund/${id}/withdraw`}> - <button - class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" - > - <Icon icon="minus" style="rotate-180" /> - {$t('payments.takeFunds')} - </button> - </a> - </div> - </div> - <div class="flex gap-2" data-sveltekit-prefetch="off"> - <button - class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" - on:click={toggle} - > - <Icon icon="qr" style="invert" /> - {show ? $t('payments.hide') : $t('payments.show')} QR - </button> - <button - class="rounded-full border py-3 px-2 font-bold hover:opacity-80 flex gap-1 w-full justify-center" - on:click={() => copy($page.url.host + $page.url.pathname)} - > - <Icon icon="copy" style="w-6" /> - {$t('payments.copyLink')} - </button> - </div> - <div class="text-base"> - {#each payments as p} - <a href={`/payment/${p.id}`}> - <div class="grid grid-cols-3 border-b h-24 hover:bg-gray-100 px-4"> - <div class="whitespace-nowrap my-auto"> - <div class="font-bold" class:text-red-800={p.amount > 0}> - {f(Math.abs(p.amount) * (p.rate / sats), p.currency)} - {#if p.tip} - <span class="text-sm text-secondary"> - +{Math.round((p.tip / Math.abs(p.amount)) * 100)}% - </span> - {/if} - </div> - - <div class="text-secondary"> - {sat(Math.abs(p.amount) + (p.tip || 0))} - </div> - </div> - - <div class="flex my-auto"> - <div class="flex"> - <div class="my-auto"> - <Avatar user={p.user} size={16} disabled={true} /> - </div> - <div class="my-auto ml-1 text-secondary">{p.user.username}</div> - </div> - </div> - - <div class="text-secondary text-right text-sm my-auto"> - <div> - {format(new Date(p.created), 'h:mm aaa')} - </div> - <div> - {format(new Date(p.created), 'MMM d')} - </div> - </div> - </div> - </a> - {:else} - <p class="text-secondary text-lg text-center">{$t('payments.empty')}</p> - {/each} - </div> - </div> - </div> -</div> |